<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--[if lt IE 9]>
    <script type="text/javascript">
      document.createElement("nav");
      document.createElement("header");
      document.createElement("footer");
      document.createElement("section");
      document.createElement("aside");
      document.createElement("article");
    </script>
    <![endif]-->
    <title></title>
    <link rel="stylesheet" type="text/css" href="<?php echo site_url("files/styles/main.css"); ?>" />
    <script type="text/javascript" src="<?php echo site_url("files/javascripts/jquery.js"); ?>"></script>
    <script type="text/javascript" src="<?php echo site_url("files/javascripts/tabs.js"); ?>"></script>
</head>

<body>
<header id="page_header">

</header>

<article class="tabs">
        <section class="current">
            <h3 id="homeLink"><a href="#">Home</a></h3>
            <div style="background-color:#000">
                <p>A documents tab content1</p>
                <p>A documents tab content2</p>
            </div>
        </section>
        <section class="">
            <h3 id="blogLink"><a href="#">Blog/News</a></h3>
            <div style="background-color:#333">
                <p>A info tab content1</p>
                <p>A info tab content2</p>
            </div>
        </section>
        <section class="">
            <h3 id="wdidLink"><a href="#">What we did</a></h3>
            <div style="background-color:#666">
                <p>A credentials tab content1</p>
                <p>A credentials tab content2</p>
            </div>
        </section>
        <section class="">
            <h3 id="wdoLink"><a href="#">What we do</a></h3>
            <div style="background-color:#999;">
                <p>A credentials tab content1</p>
                <p>A credentials tab content2</p>
            </div>
        </section>
        <section class="">
            <h3 id="downloadsLink"><a href="#">Downloads</a></h3>
            <div style="background-color:#aaa;">
                <p>A credentials tab content1</p>
                <p>A credentials tab content2</p>
            </div>
        </section>
        <section class="">
            <h3 id="aboutUsLink"><a href="#">About Us</a></h3>
            <div style="background-color:#CCC;">
                <p>A credentials tab content1</p>
                <p>A credentials tab content2</p>
            </div>
        </section>
        <section class="">
            <h3 id="contactUsLink"><a href="#">Contact Us</a></h3>
            <div style="background-color:#ddd;">
                <p>A credentials tab content1</p>
                <p>A credentials tab content2</p>
            </div>
        </section>
        <section class="">
            <h3 id="linksLink"><a href="#">Links</a></h3>
            <div style="background-color:#222;">
                <p>A credentials tab content1</p>
                <p>A credentials tab content2</p>
            </div>
        </section>
</article>

<article class="mainSubject">
<section id="leftSection">
<?php echo $content; ?>
</section>
<section id="rightSection"></section>
</article>
<footer class="footer"></footer>
</body>
</html>
